<template>
  <view>
    <AtDivider content="没有更多了" font-color="#ed3f14" line-color="#ed3f14" />
    <AtDivider content="没有更多了" font-color="#ff9900" line-color="#ff9900" />
    <AtDivider content="没有更多了" font-color="#2d8cf0" line-color="#2d8cf0" />
  </view>
</template>

<script>
import './index.scss'
import { AtDivider } from 'taro-ui-vue'

export default {
  name: "Detail",
  components: {
    AtDivider
  },
  data () {
    return {
      current: 1,
      duration: 500,
      interval: 5000,
      isCircular: false,
      isAutoplay: false,
      hasIndicatorDots: true,
      imgUrls: [
        'https://img10.360buyimg.com/babel/s700x360_jfs/t25855/203/725883724/96703/5a598a0f/5b7a22e1Nfd6ba344.jpg!q90!cc_350x180',
        'https://img11.360buyimg.com/babel/s700x360_jfs/t1/4776/39/2280/143162/5b9642a5E83bcda10/d93064343eb12276.jpg!q90!cc_350x180',
        'https://img14.360buyimg.com/babel/s700x360_jfs/t1/4099/12/2578/101668/5b971b4bE65ae279d/89dd1764797acfd9.jpg!q90!cc_350x180',
      ],
    }
  },
  methods: {
    handleClick (type) {
      console.log(`this is a button type call ${type}`)
    }
  }
}
</script>
